import { Input, Row, Col, Button } from 'antd';
import "antd/es/input/style/index.css"

const { TextArea } = Input;
export default function EmployeeList() {

  return (
    <div style={{ width: 600, height: 600, margin: '40px auto' }}>
      <Row style={{ margin: '10px' }}>
        <Col span={18} push={3}>
          <Input></Input>
        </Col>
        <Col span={3} pull={18}>
          <span style={{ color: '#FF0000' }}>*</span>firstName:
        </Col>
      </Row>
      <Row style={{ margin: '10px' }}>
        <Col span={18} push={3}>
          <Input></Input>
        </Col>
        <Col span={3} pull={18}>
          <span style={{ color: '#FF0000' }}>*</span>lastName:
        </Col>
      </Row>
      <Row style={{ margin: '10px' }}>
        <Col span={8} push={3}>
          <Input></Input>
        </Col>
        <Col span={3} pull={8}>
          Age:
        </Col>
      </Row>
      <Row style={{ margin: '10px' }}>
        <Col span={18} push={3}>
          <TextArea></TextArea>
        </Col>
        <Col span={3} pull={18}>
          Address:
        </Col>
      </Row>
      <Row>
        <Button type="primary">submit</Button>
      </Row>
    </div>
  );
}

